<html>
<head>
	<title>Twitch</title>
	<!-- CSS -->
	<link href="/stylesheets/chrome.css"   type="text/css" rel="stylesheet"/>
	<link href="/stylesheets/login.css"    type="text/css" rel="stylesheet"/>
	<link href="/stylesheets/tooltips.css" type="text/css" rel="stylesheet"/>
	<!-- AIR -->
	<script type="text/javascript" src="lib/air/AIRAliases.js"></script>
	<!-- Core -->
	<script type="text/javascript" src="lib/core/WindowControl.js" ></script>
	<script type="text/javascript" src="lib/core/webtoolkit.base64.js"></script>
	<script type="text/javascript" src="lib/core/bridge.js"></script>
	<script type="text/javascript" src="lib/core/db.js"></script>
	<script type="text/javascript" src="lib/core/db_twitter.js"></script>
	<script type="text/javascript" src="lib/core/db_identica.js"></script>
	<!-- UI -->
	<script type="text/javascript" src="lib/ui/IconTray.js" ></script>
	<script type="text/javascript" src="lib/ui/mootools-beta-1.2b2.js" ></script>
	<script type="text/javascript" src="lib/ui/Notifications.js" ></script>
	<script type="text/javascript" src="lib/ui/snapshot.js" ></script>
	<!-- SWF -->
	<script type="application/x-shockwave-flash" src="lib/swf/JPGEncoderLib.swf" ></script>
</head>
<body onLoad="initialize()">
	
	<div id="container">
		<div id="top_center" class="column"></div>
		<div id="top_left"   class="column"></div>
		<div id="top_right"  class="column"></div>
	</div>
	<div id="container">
		<div id="middle_center" class="column">
			<div id="topBar">
				<a href="#" id = "logo" title=" "><img src="/icons/icon32.png" style="float: left; padding-top: 5px" /></a>
				&nbsp;&nbsp;<span id = "status_msg" style="font-size: 9px; color: #fff"></span>
				<a href="#" id="refresh"  class="button" onClick="reFresh()" title="::Refresh"></a>
				<a href="#" id="logout"   class="button" onClick="logOut()"  title="::Log Out"></a>
				<a href="#" id="minimize" class="button" onClick="onMinimize()" title="::Minimize"></a>
				<a href="#" id="close"    class="button" onClick="onClose()" title="::Close"></a>
			</div>
			<iframe id="application" src="loading.html" 
						sandboxRoot="http://localhost/"
					    documentRoot="app:/sandbox/" 
					    frameBorder="0"  width="100%" height="77%" scrolling="no"
						onDOMInitialize="setBridge()">
			</iframe>
			<div id="bottomBar">				
				<form name="update" action="updateStatus();" onSubmit="return updateStatus()">	
				<span style="float: left; padding-top: 2px; width: 60%">
					<input readonly type="text" name="countdown" id="countdown" class="count" value="140">
					<input type="text" name="status" id="status" class="removeGlow" onKeyDown="limitText(this.form.status,this.form.countdown,140);" onKeyUp="limitText(this.form.status,this.form.countdown,140);" />
				</span>
				
				<!-- UPDATE BUTTONS -->
				<a href="#" style="margin-left: 2px" onClick="updateStatus(); return updateStatus_identica();" title="::update both"><img src="/images/update_both.png" alt="update your status"/></a>
				<a href="#" style="margin-left: -5px" onClick="return updateStatus();" title="::update twitter"><img src="/images/update_twitter.png" alt="update your status"/></a>
				<a href="#" style="margin-left: -5px" onClick="return updateStatus_identica();" title="::update identica"><img src="/images/update_identica.png" alt="update your status"/></a>
				<!-- END UPDATE BUTTONS -->
				
				<a href="#" onClick="return showUploadPic();" title="::Picture" style="margin-left: -5px"><img src="/images/twitpic.png" alt="get tinu url"></a>
				<a href="#" style="margin-left: 1px" onClick="return getTinyURL();" class="tinyurl" title="::Shorten URL" style="margin-left: -5px"><img src="/images/world_link.png"/></a>
				</form>
			</div>
		</div>
		<div id="middle_left" class="column"></div>
		<div id="middle_right" class="column"></div>
	</div>	
	<div id="container">
		<div id="bottom_center" class="column"></div>
		<div id="bottom_left" class="column"></div>
		<div id="bottom_right" class="column"></div>
	</div>
	<!-- SHORTEN URL....Thanks to snitter (start -->
	<div id="snurlui">
		<div id="snurluicontain">
			<div class="fields">
				<input type="text" id="snurlurl">
			</div>
			<div class="actions">
				<input type="button" id="snurlaccept" value="Shorten" onClick="return makeShorten();">
			</div>
			<div class="actionsalternate"><a href="#" id="snurlcancel" onClick="return hiddenShortenURL();">Cancel</a></div>
		</div>
	</div>
	<!-- SHORTEN URL....Thanks to snitter  (End -->
	<!-- TwitPic (start -->
	<div id="picui">
		<div id="picuicontain">
			<div class="fields">
				<div id="pic_container"></div>
				<span id="fileName" style="display: none;"></span>
			</div>
			<div class="actions">
				<input type="button" id="btnSavePic" value="Post" onClick="return post_image();">
			</div>
			<div class="actionsalternate"><a href="#" id="btnCancel" onClick="return hiddenUploadPic();">Cancel</a></div>
		</div>
	</div>
	<!-- TwitPic  (End -->
</body>
</html>